<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
        <title>专题详情</title>
        <link rel="stylesheet" href="style/base.css">
        <link rel="stylesheet" href="style/css.css">
        <script type="text/javascript" src="style/jquery.min.js"></script>
        <script type="text/javascript" src="style/lb.js"></script>
        <script>
            window.onload = function () {
              // 轮播选项
              const options2 = {
                id: 'lb-2',              // 轮播盒ID
                speed: 400,              // 轮播速度(ms)
                delay: 5000,             // 轮播延迟(ms)
                direction: 'left',       // 图片滑动方向
                moniterKeyEvent: true,   // 是否监听键盘事件
                moniterTouchEvent: true  // 是否监听屏幕滑动事件
              }
              const lb2 = new Lb(options2);
              lb2.start();
            }
        </script>
    </head>
    <body class="bg-while">
        <div class="header">
            <div class="w1200 plr40">
                <div class="fr tr">
                    <div class="search">
                        <input type="text" placeholder="请输入关键字">
                        <img src="imgs/search.png" />
                    </div>                    
                    <p class="fs16 c-whitle mt10 fwb">2020年11月10日 星期五(九月廿五)</p>
                </div>                
                <img class="fl" src="imgs/logo.png" />
            </div>
        </div>
        <div class="nav tc">
            <ul class="navList">
                <li index="1">网站首页<span class="icon"></span></li>
                <li index="2">中心概况<span class="icon"></span>
                    <div class="secon">
                        <a href="#">二级栏目1</a>
                        <a href="#">二级栏目1</a>
                        <a href="#">二级栏目1</a>
                        <a href="#">二级栏目1</a>
                    </div>
                </li>
                <li>通知中心<span class="icon"></span>
                    <div class="secon">
                        <a href="#">二级栏目1</a>
                        <a href="#">二级栏目1</a>
                        <a href="#">二级栏目1</a>
                        <a href="#">二级栏目1</a>
                        <a href="#">二级栏目1</a>
                        <a href="#">二级栏目1</a>
                    </div>
                </li>
                <li>新闻资讯<span class="icon"></span>
                    <div class="secon">
                        <a href="#">二级栏目1</a>
                        <a href="#">二级栏目1</a>
                        <a href="#">二级栏目1</a>
                        <a href="#">二级栏目1</a>
                        <a href="#">二级栏目1</a>
                    </div>
                </li>
                <li>品牌活动<span class="icon"></span>
                    <div class="secon">
                        <a href="#">二级栏目1</a>
                        <a href="#">二级栏目1</a>
                        <a href="#">二级栏目1</a>
                        <a href="#">二级栏目1</a>
                    </div>
                </li>
                <li>申报平台<span class="icon"></span></li>
                <li>队伍建设<span class="icon"></span></li>
                <li>地市动态<span class="icon"></span></li>
                <li>科技教育协会<span class="icon"></span></li>
            </ul>
        </div>
        <div class="mb30 ztBox" style="background-image: url('imgs/bj_zt.png');">
            <div class="w1200 bg-while p20">
                <div class="w730 h414">
                    <div class="lb-box lb-box2" id="lb-2">
                        <!-- 轮播内容 -->
                        <div class="lb-content">
                          <div class="lb-item active">
                            <a href="#">
                              <img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1419634010,3888047876&fm=26&gp=0.jpg" alt="picture loss">
                              <span>我是我是标题标题1</span>
                            </a>
                          </div>
                          <div class="lb-item">
                            <a href="#">
                              <img src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1422387052,4223132398&fm=26&gp=0.jpg" alt="picture loss">
                              <span>我是标题我是标题我是标题2</span>
                            </a>
                          </div>
                          <div class="lb-item">
                            <a href="#">
                              <img src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1422387052,4223132398&fm=26&gp=0.jpg" alt="picture loss">
                              <span>我是标题我是标题我是标题33333</span>
                            </a>
                          </div>       
                        </div>
                        <!-- 轮播标志 保留，勿删。有几个图片就要有几个li-->
                        <ol class="lb-sign">
                          <li class="active">1</li>
                          <li>2</li>
                          <li>3</li>
                        </ol>
                        <!-- 轮播控件 保留，勿删-->
                        <div class="lb-ctrl left">＜</div>
                        <div class="lb-ctrl right">＞</div>
                    </div>
                </div>
                <div class="w416">
                    <div class="tit">
                        <h1 class="fl">活动报道</h1>
                        <a href="#" class="fr">查看更多 ></a>
                    </div>
                    <ul class="ul1">
                        <li><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a></li>
                        <li><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a></li>
                        <li><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a></li>
                        <li><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a></li>
                        <li><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a></li>
                        <li><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a></li>
                        <li><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a></li>
                    </ul>
                </div>
                <div class="clr"></div>
            </div>
        </div>        
        <div class="footer">
            <div class="w1200">
                <p>版权所有：福建省青少年科技活动中心</p>
                <p class="mt20">地址：福州市古田路89号省科技馆6楼 邮编：350005 | 访客统计：4325123 闽ICP备17012488号</p>
                <img class="footerImg" src="imgs/img.png" />
            </div>
        </div>
    </body>
</html>